<script setup lang="ts">
import {IconMoon, IconSun} from '@arco-design/web-vue/es/icon';
import {useStore} from "@/stores/counter";

const store = useStore()
</script>

<template>
  <div @click="store.setTheme()" class="blog_theme">
    <IconSun v-if="store.theme"></IconSun>
    <IconMoon v-else></IconMoon>
  </div>
</template>

<style scoped>
.blog_theme {
  margin-right: 5px;
  cursor: pointer;
}
</style>
